<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="./style/main.css" rel="stylesheet" type="text/css">
<link href="./style/jquery.ui.all.css" rel="stylesheet" type="text/css">
<title>My Web QQ</title>
</head>
<body>
	<noscript>
		<div class="noscript">
			你好，需要浏览器开启JavaScript功能来帮助你使用本系统。<br /> 请设置浏览器开启 JavaScript功能，然后重试。
		</div>
	</noscript>
	<script>
		var windows_start_time = new Date().getTime();
	</script>
	<div id="startingCover">
		<div id="startingLogo"></div>
		<div id="startingText">
			Loading ...<a style="display: none;" id="startingChangeEvn"
				href="webqqpic/">您的网络不给力，请尝试手动切换环境!</a>
		</div>
		<div id="startingBarContainer">
			<div id="startingBar" style="width: 100%;"></div>
		</div>
		<div id="startingTips" title="screen:4">0%</div>
	</div>
	<script type="text/javascript" src="./js/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="./js/loading.js"></script>
	<script type="text/javascript" src="./js/jquery.easing.js"></script>
	<script>
		function loading(msg, p) {
			var current_time = new Date().getTime() - windows_start_time;
			msg += "(" + current_time + ")";
			$("#startingTips").text(p + "%");
		}
		loading("jquery-1.7.2.js loaded", 40);
		initLoading();
	</script>
	<script type="text/javascript" src="./js/jquery-ui-1.8.21.custom.min.js"></script>
	<script>
		loading("jquery-ui-1.8.21.custom.min.js loaded", 50);
	</script>
	<script type="text/javascript" src="./js/parseMessage.js"></script>
	<script>
		loading("arseMessage.js loaded", 55);
	</script>
	<script type="text/javascript" src="./js/dialog.js"></script>
	<script>
		loading("dialog.js loaded", 60);
	</script>
	
	<div id="navBar">   
		<div class="nav_btn_screen">
<!-- 			SCREEN -->
		</div>      
		<div class="nav_btn_left">
			
		</div>         
		<div class="nav_btn" id="1">
			<div class='nav_btn_font'>1</div>
		</div>         
		<div class="nav_btn" id="2">
			<div class='nav_btn_font'>2</div>
		</div>         
		<div class="nav_btn nav_btn_select" id="3">
			<div class='nav_btn_font'>3</div>
		</div>         
		<div class="nav_btn" id="4">
			<div class='nav_btn_font'>4</div>
		</div>         
		<div class="nav_btn" id="5">
			<div class='nav_btn_font'>5</div>
		</div>         
		<div class="nav_btn_right">
			<div class='nav_btn_font'></div>
		</div>         
	</div>
	
	<div id="screenContainer">
		<div class='screen' screenIndex="1">
			<div class='mainAppArea'>
				<div class='mainAppButton'>
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware18.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>财经时报</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class='screen' screenIndex="2">
			<div class='mainAppArea'>
				<div class='mainAppButton'>
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware19.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>财经时报</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class='screen' screenIndex="3">
			<div class='mainAppArea'>
				<div class='mainAppButton' src="http://www.baidu.com" id="app-1">
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware08.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>百度</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
				<div class='mainAppButton'  src="http://www.taobao.com" id="app-2">
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware09.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>淘宝网</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
				<div class='mainAppButton' src="http://www.google.com.hk/" id="app-3">
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware10.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>谷歌</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
				<div class='mainAppButton' src="http://www.360buy.com"  id="app-4">
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware11.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>京东商城</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
				<div class='mainAppButton' src="http://mywebqq.cloudfoundry.com/"  id="app-5">
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware12.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>云系统</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
				<div class='mainAppButton' src="http://www.tmall.com/"  id="app-6">
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware13.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>天猫商城</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
				<div class='mainAppButton' src="http://www.51testing.com/"  id="app-7">
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware14.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>51Testing</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
				<div class='mainAppButton' src="http://mail.163.com/"  id="app-8">
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware15.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>网易邮箱</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
				<div class='mainAppButton' src="http://news.163.com/"  id="app-9">
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware16.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>网易新闻</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
				<div class='mainAppButton' src="http://web.qq.com/"  id="app-10">
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware17.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>WebQQ</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class='screen' screenIndex="4">
			<div class='mainAppArea'>
				<div class='mainAppButton'>
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware21.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>财经时报</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class='screen' screenIndex="5">
			<div class='mainAppArea'>
				<div class='mainAppButton'>
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware03.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>财经时报</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
				<div class='mainAppButton'>
					<div class='appImageContainer'>
						<img class='appImage' src='./appImages/Alienware04.png'/>
					</div>
					<div class="appTitle">
						<div class='appName'>
							<div class='appTitle_left'>财经时报</div>
							<div class='appTitle_right'></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div id='leftBar'>
		<div class="appArea">
			<div class='appButton' src="http://www.163.com/" title="互联网" id="app-11">
				<img class='appImage' src='./appImages/Alienware01.png'/>
			</div>
			<div class='appButton' src="http://note.sdo.com/" title="记事本" id="app-12">
				<img class='appImage' src='./appImages/Alienware02.png'/>
			</div>
			<div class='appButton' src="http://www.yinyuetai.com/" title="音乐台"  id="app-13">
				<img class='appImage' src='./appImages/Alienware03.png'/>
			</div>
			<div class='appButton' src="http://yxp.163.com" title="印象派"  id="app-14">
				<img class='appImage' src='./appImages/Alienware04.png'/>
			</div>
			<div class='appButton' src="http://www.12306.cn" title="12306"  id="app-15">
				<img class='appImage' src='./appImages/Alienware05.png'/>
			</div>
			<div class='appButton' src="http://www.youku.com" title="优酷视频"  id="app-16">
				<img class='appImage' src='./appImages/Alienware06.png'/>
			</div>
			<div class='appButton' id="login">
				<img class='appImage' src='./appImages/Alienware07.png'/>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="./js/layout.js"></script>
	<script>
		loading("layout.js loaded", 65);
	</script>
	<script>
	
		$(document).ready(function() {
			initSize();
			$("#loginBtn").unbind('click').bind('click',function(){
				var jstr={};
				jstr.type=1;
				jstr.method="login";
				jstr.showObj="#loginDialog";
				jstr.timestamp=new Date().getTime();
				jstr.pid=$("#pid").val().trim();
				jstr.pwd=$("#pwd").val().trim();
// 				jstr.validCode=$("#validCode").val().trim();
				jstr.validCode=$("#loginValidCode").text();
				socket.send(JSON.stringify(jstr));
			});
			$(window).resize(function() {
				initSize();
			});
			
		});
	</script>
	
	<script>
		//页面加载完成后,隐藏加载显示Div,清除页面加载超时任务
		loading("Page all loaded", 100);
		$("#startingCover").css({
			'display' : 'none'
		});
		clearTimeout(portalTimeout);
		portalTimeout = null;
		//加载特效代码
	</script>
	<div id="bottomBar"></div>
	<div id="taskBar">
<!-- 		<div id="showDesktop">显示桌面</div> -->
		<div class="taskContainer">
		</div>
	</div>
	<div id="loginDialog" style="display:none;" title="登录">
		<form id="loginForm" action="" method="post">
			<table>
			<tr><td>账号:</td><td><input type="text" id="pid" name="pid"/></td><td></td></tr>
			<tr><td>密码:</td><td><input type="password" id="pwd" name="pwd"/></td><td></td></tr>
			<tr><td>验证码:</td><td><input type="text" id="validCode" name="validCode"/></td><td><span id="loginValidCode"></span></td></tr>
			<tr><td height=10px></td></tr>
			<tr><td align=center colspan="3"><input type="button" value="注册账号"/><input id="loginBtn" type="button" value="登陆"/></td></tr>
			</table>
		</form>
	</div>
	<div id="IMBar">
		<div id="imContainer">
			<div id="imTop">
				<div id="pInfo">
					<div id="pHeader"><img alt="" src="./appImages/Alienware07.png">
					</div>
					<div id="pState">
						<div id="pName">
							<div>
								<span class="ui-icon ui-icon-info"></span>
								<span class="ui-icon ui-icon-triangle-1-s"></span>
							</div>
							<!-- 存储当前登录信息，用户ID和用户名等 -->
							<span id="nameSpan">紫</span>
						</div>
						<div id="pSay">
						暂时没什么想说的
						</div>
					</div>
					<span id="weather">
						<img src="./style/images/weather/harwen_weather_011.png"/>
					</span>
				</div>
				<div id="pSearch">
					<input id="searchKey" name="searchKey" />
				</div>
			</div>
			<div id="imContacts">
				<ul>
					<li><a href="#friendGroups">好友</a></li>
					<li><a href="#tabs-2">群</a></li>
					<li><a href="#tabs-3">最近</a></li>
				</ul>
				<div id="friendGroups" class="imtab">
				</div>
				<div id="tabs-2" class="imtab" >
					<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
				</div>
				<div id="tabs-3" class="imtab" >
					<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
					<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
				</div>	
				
			</div>
			<div id="imBottom" style="">
				<img width=100% height="100%" src="./banner/AC3-banner.jpg"/>
			</div>
		</div>
	</div>
	
	<div id="talkWindowBak" style="display:none;">
		<div>
			<div class="topWin">
				<img alt="" src="./appImages/Alienware07.png" class="talkWinImg">
				<div class="talkPInfo">
					<div class="talkPName">紫</div>
					<div class="talkPSay">暂时没什么想说的</div>
				</div>
			</div>
			<div class="contentWin">
				<div class="msgShowArea">
				</div>
				<div class="fontAreaDiv">
					<div class='msgBtnArea'>
						<div class="fontBtn" title="设置字体样式和颜色"></div>
						<div class="faceBtn" title="表情"></div>
						<div class="shakeBtn" title="发送震动"></div>
						<div class="imageBtn" title="发送图片">
						<input type="file" id="imageFile" name="image"></input>
						</div>
						<div class="clearBtn" title="清屏"></div>
					</div>
				</div>
				<div class="msgSendArea"><div class="msgDiv" style="outline:none;word-wrap:break-word;overflow-y:auto;width:100%;height:100%;border:0px;padding:0;margin:0;" contenteditable='true'></div></div>
				<div class="btnArea">
					<div class="sendMsgBtn">
						发送
					</div>
					<div class="closeTalkWindow">
						关闭
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="talkWindow" style="display:none;">
		<div>
			<div class="topWin">
				<img alt="" src="./appImages/Alienware07.png" class="talkWinImg">
				<div class="talkPInfo">
					<div class="talkPName">紫</div>
					<div class="talkPSay">暂时没什么想说的</div>
				</div>
			</div>
			<div class="contentWin">
				<div class="leftWin" style="float:left;">
					<div class="msgShowArea">
					</div>
					<div class="fontAreaDiv">
						<div class='msgBtnArea'>
							<div class="fontBtn" title="设置字体样式和颜色"></div>
							<div class="faceBtn" title="表情"></div>
							<div class="shakeBtn" title="发送震动"></div>
							<div class="imageBtn" title="发送图片">
							<input type="file" id="imageFile" name="image"></input>
							</div>
							<div class="clearBtn" title="清屏"></div>
						</div>
					</div>
					<div class="msgSendArea"><div class="msgDiv" style="clear:both;outline:none;word-wrap:break-word;overflow-y:auto;width:100%;height:100%;border:0px;padding:0;margin:0;" contenteditable='true'></div></div>
					<div class="btnArea">
						<div class="sendMsgBtn">
							发送
						</div>
						<div class="closeTalkWindow">
							关闭
						</div>
					</div>
				</div>
				<div class="middleWin" style="float:left;width:7px;" state="open">
				</div>
				<div class="rightWin" style="float:left;width:149px;border-left:1px solid #aaaaaa;" type="default">
					<div id="defaultInfo">
						<div class="righttitleBar" style="height:24px;width:100%;background:#ffffff;">
							<span style="margin-left:5px;">个人信息</span>
							</div>
							<div class="righttitleBar" style="height:180px;width:100%;text-align:center;">
								<div>
									<img alt="" width=100px height=100px src="./appImages/Alienware07.png">
								</div>
								<div style="text-align:left;padding-left:20px;">
									<p>姓名:范冬冬</p>
									<p>部门:测试部</p>
									<p>分机号:0519</p>
									<p>邮箱:fdd@test.com</p>
								</div>
							</div>
							<div class="righttitleBar" style="position:absolute;bottom:0;right:0;height:180px;width:150px;text-align:center;">
								<div>
									<img alt="" width=100px height=100px src="./appImages/Alienware08.png">
								</div>
								<div style="text-align:left;padding-left:20px;">
									<p>姓名:朱朝强</p>
									<p>部门:技术部</p>
									<p>分机号:0527</p>
									<p>邮箱:zcq@test.com</p>
								</div>
							</div>
					</div>
					<!-- 文件传输面板 -->
					<div id="transFilePanel" style="display:none;overflow-y:auto;">
						<div class="righttitleBar" style="height:24px;width:100%;background:#ffffff;">
							<span style="margin-left:5px;">传送文件</span><span style="float:right;margin-right:3px;cursor:pointer;"><span id="closeFileWin" class="ui-icon ui-icon-closethick"></span></span>
							</div>
							<div class="FileInfo" style="height:auto;width:100%;text-align:center;">
								<ul style="margin:0;padding:0;">
									<li class="sendLi" style="list-style: none;padding-top: 10px;display:none;">
										<div style="clear:both;">
											<div style="float:left;">
												<img alt="" width=48px height=48px src="./appImages/Alienware02.png">
											</div>
											<div style="float:left;text-align:left;">
												<p>发送文件请求:</p>
												<p class="fName">文件名</p>
											</div>
										</div>
										<div style="clear:both;">
											<div class="progress" style="height:10px;margin-left:3px;width:95%;"></div>
											<div>
												<span style="float:left;margin-left:3px;font-size:smaller;" class="uploadInfo"></span>
												<span style="float:right;margin-right:3px;font-size:smaller;" class="fileSize">10KB</span>
											</div>
										</div>
										<div class="btn" style="clear:both;float:right;margin-right:3px;">
											<a style="float:right;" href="javascript:void(0)">取消</a>
											<div style="width:15px;height:15px;float:right;"></div>
											<a style="float:right;" href="javascript:void(0)">发送离线文件</a>
										</div>
									</li>
									<li class="receiveLi" style="list-style: none;padding-top: 10px;display:none;">
										<div style="clear:both;">
											<div style="float:left;">
												<img alt="" width=48px height=48px src="./appImages/Alienware02.png">
											</div>
											<div style="float:left;text-align:left;">
												<p>收到文件请求:</p>
												<p class="fName">文件名</p>
											</div>
										</div>
										<div style="clear:both;">
											<div class="progress" style="height:10px;margin-left:3px;width:95%;"></div>
											<div>
												<span style="float:right;margin-right:3px;" class="fileSize">10KB</span>
											</div>
										</div>
										<div class="btn" style="clear:both;float:right;margin-right:3px;">
											<a style="float:right;" href="javascript:void(0)">拒绝</a>
											<div style="width:15px;height:10px;float:right;"></div>
											<a style="float:right;" href="javascript:void(0)">另存为</a>
											<div style="width:15px;height:10px;float:right;"></div>
											<a style="float:right;" href="javascript:void(0)">接收</a>
										</div>
									</li>
								</ul>
								
							</div>
					</div>
					
				</div>
			</div>
		</div>
	</div>
	<div id="msgBox">
	
	</div>
	<div id="showMsgArea">
		<div id="msgTitle">
		 	消息盒子
		</div>
	</div>
	<!-- 字体设置工具栏 -->
	<div id="fontSetting" style="display:none;">
		<div class="fontSettingBar">
			<ul class="fontul">
				<li><select class="fontFamily">
						<option value="宋体">宋体</option>
						<option value="黑体">黑体</option>
						<option value="隶书">隶书</option>
						<option value="微软雅黑">微软雅黑</option>
						<option value="楷体_GB2312">楷体_GB2312</option>
						<option value="幼圆">幼圆</option>
						<option value="Arial">Arial</option>
						<option value="Arial Black">Arial Black</option>
						<option value="Times New Roman">Times New Roman</option>
						<option value="Verdana">Verdana</option>
				</select></li>
				<li><select class="fontSize">
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
						<option value="13">13</option>
						<option value="14">14</option>
						<option value="15">15</option>
						<option value="16">16</option>
						<option value="17">17</option>
						<option value="18">18</option>
						<option value="19">19</option>
						<option value="20">20</option>
						<option value="21">21</option>
						<option value="22">22</option>
				</select></li>
				<li>
					<div class="fontBoldBtn" state="normal" title="字体加粗"></div>
				</li>
				<li>
					<div class="fontItalicBtn" state="normal"  title="字体倾斜"></div>
				</li>
				<li>
					<div class="fontUnderlineBtn" state="none" title="字体加下划线"></div>
				</li>
				<li>
					<div class="fontColorBtn" title="设置字体颜色"></div>
					<ul class="colorPanel" style="display: none;">
						<li><a href="#"><span style="background: #000000"></span></a></li>
						<li><a href="#"><span style="background: #993300"></span></a></li>
						<li><a href="#"><span style="background: #333300"></span></a></li>
						<li><a href="#"><span style="background: #003300"></span></a></li>
						<li><a href="#"><span style="background: #003366"></span></a></li>
						<li><a href="#"><span style="background: #000080"></span></a></li>
						<li><a href="#"><span style="background: #333399"></span></a></li>
						<li><a href="#"><span style="background: #333333"></span></a></li>
						<li><a href="#"><span style="background: #800000"></span></a></li>
						<li><a href="#"><span style="background: #FF6600"></span></a></li>
						<li><a href="#"><span style="background: #808000"></span></a></li>
						<li><a href="#"><span style="background: #008000"></span></a></li>
						<li><a href="#"><span style="background: #008080"></span></a></li>
						<li><a href="#"><span style="background: #0000FF"></span></a></li>
						<li><a href="#"><span style="background: #666699"></span></a></li>
						<li><a href="#"><span style="background: #808080"></span></a></li>
						<li><a href="#"><span style="background: #FF0000"></span></a></li>
						<li><a href="#"><span style="background: #FF9900"></span></a></li>
						<li><a href="#"><span style="background: #99CC00"></span></a></li>
						<li><a href="#"><span style="background: #339966"></span></a></li>
						<li><a href="#"><span style="background: #33CCCC"></span></a></li>
						<li><a href="#"><span style="background: #3366FF"></span></a></li>
						<li><a href="#"><span style="background: #800080"></span></a></li>
						<li><a href="#"><span style="background: #999999"></span></a></li>
						<li><a href="#"><span style="background: #FF00FF"></span></a></li>
						<li><a href="#"><span style="background: #FFCC00"></span></a></li>
						<li><a href="#"><span style="background: #FFFF00"></span></a></li>
						<li><a href="#"><span style="background: #00FFFF"></span></a></li>
						<li><a href="#"><span style="background: #00FFFF"></span></a></li>
						<li><a href="#"><span style="background: #00CCFF"></span></a></li>
						<li><a href="#"><span style="background: #993366"></span></a></li>
						<li><a href="#"><span style="background: #C0C0C0"></span></a></li>
						<li><a href="#"><span style="background: #FF99CC"></span></a></li>
						<li><a href="#"><span style="background: #FFCC99"></span></a></li>
						<li><a href="#"><span style="background: #FFFF99"></span></a></li>
						<li><a href="#"><span style="background: #CCFFCC"></span></a></li>
						<li><a href="#"><span style="background: #CCFFFF"></span></a></li>
						<li><a href="#"><span style="background: #99CCFF"></span></a></li>
						<li><a href="#"><span style="background: #CC99FF"></span></a></li>
						<li><a href="#"><span style="background: #FFFFFF"></span></a></li>
					</ul>
				</li>
			</ul>
		</div>
	</div>

	<div id="facePanel" style="">
		<div class="defaultFacePanel">
			<a href="###" title="[微笑]" facecode="0" class="faceIcon"></a><a
				href="###" title="[face1]" facecode="1" class="faceIcon"></a><a
				href="###" title="[face2]" facecode="2" class="faceIcon"></a><a
				href="###" title="[face3]" facecode="3" class="faceIcon"></a><a
				href="###" title="[face4]" facecode="4" class="faceIcon"></a><a
				href="###" title="[face5]" facecode="5" class="faceIcon"></a><a
				href="###" title="[face6]" facecode="6" class="faceIcon"></a><a
				href="###" title="[face7]" facecode="7" class="faceIcon"></a><a
				href="###" title="[face8]" facecode="8" class="faceIcon"></a><a
				href="###" title="[face9]" facecode="9" class="faceIcon"></a><a
				href="###" title="[face10]" facecode="10" class="faceIcon"></a><a
				href="###" title="[face11]" facecode="11" class="faceIcon"></a><a
				href="###" title="[face12]" facecode="12" class="faceIcon"></a><a
				href="###" title="[face13]" facecode="13" class="faceIcon"></a><a
				href="###" title="[face14]" facecode="14" class="faceIcon"></a><a
				href="###" title="[face15]" facecode="15" class="faceIcon"></a><a
				href="###" title="[face16]" facecode="16" class="faceIcon"></a><a
				href="###" title="[face17]" facecode="17" class="faceIcon"></a><a
				href="###" title="[face18]" facecode="18" class="faceIcon"></a><a
				href="###" title="[face19]" facecode="19" class="faceIcon"></a><a
				href="###" title="[face20]" facecode="20" class="faceIcon"></a><a
				href="###" title="[face21]" facecode="21" class="faceIcon"></a><a
				href="###" title="[face22]" facecode="22" class="faceIcon"></a><a
				href="###" title="[face23]" facecode="23" class="faceIcon"></a><a
				href="###" title="[face24]" facecode="24" class="faceIcon"></a><a
				href="###" title="[face25]" facecode="25" class="faceIcon"></a><a
				href="###" title="[face26]" facecode="26" class="faceIcon"></a><a
				href="###" title="[face27]" facecode="27" class="faceIcon"></a><a
				href="###" title="[face28]" facecode="28" class="faceIcon"></a><a
				href="###" title="[face29]" facecode="29" class="faceIcon"></a><a
				href="###" title="[face30]" facecode="30" class="faceIcon"></a><a
				href="###" title="[face31]" facecode="31" class="faceIcon"></a><a
				href="###" title="[face32]" facecode="32" class="faceIcon"></a><a
				href="###" title="[face33]" facecode="33" class="faceIcon"></a><a
				href="###" title="[face34]" facecode="34" class="faceIcon"></a><a
				href="###" title="[face35]" facecode="35" class="faceIcon"></a><a
				href="###" title="[face36]" facecode="36" class="faceIcon"></a><a
				href="###" title="[face37]" facecode="37" class="faceIcon"></a><a
				href="###" title="[face38]" facecode="38" class="faceIcon"></a><a
				href="###" title="[face39]" facecode="39" class="faceIcon"></a><a
				href="###" title="[face40]" facecode="40" class="faceIcon"></a><a
				href="###" title="[face41]" facecode="41" class="faceIcon"></a><a
				href="###" title="[face42]" facecode="42" class="faceIcon"></a><a
				href="###" title="[face43]" facecode="43" class="faceIcon"></a><a
				href="###" title="[face44]" facecode="44" class="faceIcon"></a><a
				href="###" title="[face45]" facecode="45" class="faceIcon"></a><a
				href="###" title="[face46]" facecode="46" class="faceIcon"></a><a
				href="###" title="[face47]" facecode="47" class="faceIcon"></a><a
				href="###" title="[face48]" facecode="48" class="faceIcon"></a><a
				href="###" title="[face49]" facecode="49" class="faceIcon"></a><a
				href="###" title="[face50]" facecode="50" class="faceIcon"></a><a
				href="###" title="[face51]" facecode="51" class="faceIcon"></a><a
				href="###" title="[face52]" facecode="52" class="faceIcon"></a><a
				href="###" title="[face53]" facecode="53" class="faceIcon"></a><a
				href="###" title="[face54]" facecode="54" class="faceIcon"></a><a
				href="###" title="[face55]" facecode="55" class="faceIcon"></a><a
				href="###" title="[face56]" facecode="56" class="faceIcon"></a><a
				href="###" title="[face57]" facecode="57" class="faceIcon"></a><a
				href="###" title="[face58]" facecode="58" class="faceIcon"></a><a
				href="###" title="[face59]" facecode="59" class="faceIcon"></a><a
				href="###" title="[face60]" facecode="60" class="faceIcon"></a><a
				href="###" title="[face61]" facecode="61" class="faceIcon"></a><a
				href="###" title="[face62]" facecode="62" class="faceIcon"></a><a
				href="###" title="[face63]" facecode="63" class="faceIcon"></a><a
				href="###" title="[face64]" facecode="64" class="faceIcon"></a><a
				href="###" title="[face65]" facecode="65" class="faceIcon"></a><a
				href="###" title="[face66]" facecode="66" class="faceIcon"></a><a
				href="###" title="[face67]" facecode="67" class="faceIcon"></a><a
				href="###" title="[face68]" facecode="68" class="faceIcon"></a><a
				href="###" title="[face69]" facecode="69" class="faceIcon"></a><a
				href="###" title="[face70]" facecode="70" class="faceIcon"></a><a
				href="###" title="[face71]" facecode="71" class="faceIcon"></a><a
				href="###" title="[face72]" facecode="72" class="faceIcon"></a><a
				href="###" title="[face73]" facecode="73" class="faceIcon"></a><a
				href="###" title="[face74]" facecode="74" class="faceIcon"></a><a
				href="###" title="[face75]" facecode="75" class="faceIcon"></a><a
				href="###" title="[face76]" facecode="76" class="faceIcon"></a><a
				href="###" title="[face77]" facecode="77" class="faceIcon"></a><a
				href="###" title="[face78]" facecode="78" class="faceIcon"></a><a
				href="###" title="[face79]" facecode="79" class="faceIcon"></a><a
				href="###" title="[face80]" facecode="80" class="faceIcon"></a><a
				href="###" title="[face81]" facecode="81" class="faceIcon"></a><a
				href="###" title="[face82]" facecode="82" class="faceIcon"></a><a
				href="###" title="[face83]" facecode="83" class="faceIcon"></a><a
				href="###" title="[face84]" facecode="84" class="faceIcon"></a><a
				href="###" title="[face85]" facecode="85" class="faceIcon"></a><a
				href="###" title="[face86]" facecode="86" class="faceIcon"></a><a
				href="###" title="[face87]" facecode="87" class="faceIcon"></a><a
				href="###" title="[face88]" facecode="88" class="faceIcon"></a><a
				href="###" title="[face89]" facecode="89" class="faceIcon"></a><a
				href="###" title="[face90]" facecode="90" class="faceIcon"></a><a
				href="###" title="[face91]" facecode="91" class="faceIcon"></a><a
				href="###" title="[face92]" facecode="92" class="faceIcon"></a><a
				href="###" title="[face93]" facecode="93" class="faceIcon"></a><a
				href="###" title="[face94]" facecode="94" class="faceIcon"></a><a
				href="###" title="[face95]" facecode="95" class="faceIcon"></a><a
				href="###" title="[face96]" facecode="96" class="faceIcon"></a><a
				href="###" title="[face97]" facecode="97" class="faceIcon"></a><a
				href="###" title="[face98]" facecode="98" class="faceIcon"></a><a
				href="###" title="[face99]" facecode="99" class="faceIcon"></a><a
				href="###" title="[face100]" facecode="100" class="faceIcon"></a><a
				href="###" title="[face101]" facecode="101" class="faceIcon"></a><a
				href="###" title="[face102]" facecode="102" class="faceIcon"></a><a
				href="###" title="[face103]" facecode="103" class="faceIcon"></a><a
				href="###" title="[face104]" facecode="104" class="faceIcon"></a>
		</div>
	</div>
	<script type="text/javascript" src="./js/msgBox.js"></script>
	<script type="text/javascript" src="./js/task.js"></script>
	<script type="text/javascript" src="./js/websocket.js"></script>
	<script type="text/javascript" src="./js/FileUpload.js"></script>
</body>
</html>